<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8">
    <title>葵语的主页</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=no">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/Kwaiyu/homepage@1.1/mdui/css/mdui.min.css">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/Kwaiyu/homepage@1.1/assets/css/main.css">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/Kwaiyu/homepage@1.1//assets/css/detaile.css">
    <link rel="stylesheet" href="https://at.alicdn.com/t/font_1625701_yqfsv6kz1w9.css">
    <link rel="icon" href="https://cdn.jsdelivr.net/gh/Kwaiyu/homepage@1.1/assets/img/favicon.ico">
    <script>
        var _hmt = _hmt || [];
        (function () {
            var hm = document.createElement("script");
            hm.src = "https://hm.baidu.com/hm.js?c8493223ca0fc5718b7da621552fdd73";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();
    </script>
</head>

<body class="mdui-theme-primary-pink mdui-theme-accent-pink">
    <div id="rin-bg"></div>
    <main id="rin-main">
        <div class="mdui-card rin-card">
            <div class="rin-card-part" id="fighting">
                <div class="rin-card-title2 mdui-typo"><a href="#fighting">#</a> 战斗力</div>
                <div class="mdui-container">
                    <div class="mdui-row">
                        <div class="mdui-col-xs-12 mdui-col-sm-6 mdui-col-md-4" mdui-tooltip="{content: '非常菜'}">
                            <div class="mdui-container">

                                <div class="mdui-row mdui-valign">
                                    <div class="mdui-col-xs-4">
                                        <div class="rin-card-content">
                                            HTML/CSS
                                        </div>
                                    </div>
                                    <div class="mdui-col-xs-8">
                                        <div class="mdui-progress">
                                            <div class="mdui-progress-determinate" style="width: 10%;"></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="mdui-col-xs-12 mdui-col-sm-6 mdui-col-md-4" mdui-tooltip="{content: '非常菜'}">
                            <div class="mdui-container">
                                <div class="mdui-row mdui-valign">
                                    <div class="mdui-col-xs-4">
                                        <div class="rin-card-content">
                                            JavaScript
                                        </div>
                                    </div>
                                    <div class="mdui-col-xs-8">
                                        <div class="mdui-progress">
                                            <div class="mdui-progress-determinate" style="width: 5%;"></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="mdui-col-xs-12 mdui-col-sm-6 mdui-col-md-4" mdui-tooltip="{content: '非常菜'}">
                            <div class="mdui-container">
                                <div class="mdui-row mdui-valign">
                                    <div class="mdui-col-xs-4">
                                        <div class="rin-card-content">
                                            Java/Python
                                        </div>
                                    </div>
                                    <div class="mdui-col-xs-8">
                                        <div class="mdui-progress">
                                            <div class="mdui-progress-determinate" style="width: 10%;"></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>

                    <div class="mdui-row">
                        <div class="mdui-col-xs-12 mdui-col-sm-6 mdui-col-md-4" mdui-tooltip="{content: '非常菜'}">
                            <div class="mdui-container">

                                <div class="mdui-row mdui-valign">
                                    <div class="mdui-col-xs-4">
                                        <div class="rin-card-content">
                                            黑盒测试
                                        </div>
                                    </div>
                                    <div class="mdui-col-xs-8">
                                        <div class="mdui-progress">
                                            <div class="mdui-progress-determinate" style="width: 30%;"></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="mdui-col-xs-12 mdui-col-sm-6 mdui-col-md-4" mdui-tooltip="{content: '非常菜'}">
                            <div class="mdui-container">
                                <div class="mdui-row mdui-valign">
                                    <div class="mdui-col-xs-4">
                                        <div class="rin-card-content">
                                            自动化测试
                                        </div>
                                    </div>
                                    <div class="mdui-col-xs-8">
                                        <div class="mdui-progress">
                                            <div class="mdui-progress-determinate" style="width: 20%;"></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="mdui-col-xs-12 mdui-col-sm-6 mdui-col-md-4" mdui-tooltip="{content: '非常菜'}">
                            <div class="mdui-container">
                                <div class="mdui-row mdui-valign">
                                    <div class="mdui-col-xs-4">
                                        <div class="rin-card-content">
                                            性能测试
                                        </div>
                                    </div>
                                    <div class="mdui-col-xs-8">
                                        <div class="mdui-progress">
                                            <div class="mdui-progress-determinate" style="width: 10%;"></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>

                    <div class="mdui-row">
                        <div class="mdui-col-xs-12 mdui-col-sm-6 mdui-col-md-4" mdui-tooltip="{content: '二次元程度'}">
                            <div class="mdui-container">

                                <div class="mdui-row mdui-valign">
                                    <div class="mdui-col-xs-4">
                                        <div class="rin-card-content">
                                            萌属性
                                        </div>
                                    </div>
                                    <div class="mdui-col-xs-8">
                                        <div class="mdui-progress">
                                            <div class="mdui-progress-determinate" style="width: 50%;"></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="mdui-col-xs-12 mdui-col-sm-6 mdui-col-md-4" mdui-tooltip="{content: '做事情的耐心程度'}">
                            <div class="mdui-container">
                                <div class="mdui-row mdui-valign">
                                    <div class="mdui-col-xs-4">
                                        <div class="rin-card-content">
                                            耐心
                                        </div>
                                    </div>
                                    <div class="mdui-col-xs-8">
                                        <div class="mdui-progress">
                                            <div class="mdui-progress-determinate" style="width: 80%;"></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="mdui-col-xs-12 mdui-col-sm-6 mdui-col-md-4" mdui-tooltip="{content: '对这个世界热爱的程度'}">
                            <div class="mdui-container">
                                <div class="mdui-row mdui-valign">
                                    <div class="mdui-col-xs-4">
                                        <div class="rin-card-content">
                                            世界
                                        </div>
                                    </div>
                                    <div class="mdui-col-xs-8">
                                        <div class="mdui-progress">
                                            <div class="mdui-progress-determinate" style="width: 50%;"></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="rin-card-part" id="website">
                <div class="rin-card-title2 mdui-typo"><a href="#website">#</a> 项目</div>

                <a class="mdui-btn mdui-btn-raised rin-btn rin-btn-blue mdui-text-capitalize"
                    href="https://www.lsaiah.cn/" target="_blank"><span class="iconfont iconBlog"></span> 博客</a>

                <a class="mdui-btn mdui-btn-raised rin-btn rin-btn-black mdui-text-capitalize"
                    href="https://lab.qwq.dog/" target="_blank"><span class="iconfont iconlab"></span> 实验室</a>

                <a class="mdui-btn mdui-btn-raised rin-btn rin-btn-pink" href="http://qwq.dog/" target="_blank"
                    style="text-transform: none!important;"> API</a>
            </div>

            <div class="rin-card-part" id="contact">
                <div class="rin-card-title2 mdui-typo"><a href="#contact">#</a> 社交媒体</div>

                <a class="mdui-btn mdui-btn-raised rin-btn rin-btn-blue mdui-text-capitalize"
                    href="tencent://Message/?Uin=814612233" target="_blank"><span class="iconfont iconqq"></span> QQ</a>

                <a class="mdui-btn mdui-btn-raised rin-btn rin-btn-black mdui-text-capitalize"
                    href="https://github.com/Kwaiyu" target="_blank"><span class="iconfont icongithub"></span>
                    Github</a>

                <a class="mdui-btn mdui-btn-raised rin-btn rin-btn-pink mdui-text-capitalize"
                    href="https://space.bilibili.com/6054480" target="_blank"><span
                        class="iconfont iconbilibili"></span>
                    Bilibili</a>

                <a class="mdui-btn mdui-btn-raised rin-btn rin-btn-blue mdui-text-capitalize"
                    href="https://twitter.com/lsaiah0522" target="_blank"><span
                        class="iconfont icontwitter-fill"></span>
                    Twitter</a>

                <a class="mdui-btn mdui-btn-raised rin-btn rin-btn-blue mdui-text-capitalize" href="https://t.me/lsaiah"
                    target="_blank"><span class="iconfont icontelegram"></span>
                    Telegram</a>

                <a class="mdui-btn mdui-btn-raised rin-btn rin-btn-blue mdui-text-capitalize"
                    href="mailto:lsaiah@126.com" target="_blank"><span class="iconfont iconmail_fill"></span> Mail</a>


            </div>

            <div class="rin-card-part" id="other">
                <div class="rin-card-title2 mdui-typo"><a href="#other">#</a> 其它</div>

                <a class="mdui-btn mdui-btn-raised rin-btn rin-btn-blue mdui-text-capitalize"
                    href="https://www.lsaiah.cn/friends.html" target="_blank"><span class="iconfont iconlinks"></span>
                    友链</a>

                <a class="mdui-btn mdui-btn-raised rin-btn rin-btn-blue mdui-text-capitalize"
                    href="https://www.lsaiah.cn/comment.html" target="_blank"><span
                        class="iconfont iconCommentenable"></span> 留言</a>

            </div>

            <div class="rin-tr"></div>

            <div class="rin-card-part" id="last">
                <div class="rin-card-title2">葵语@Lsaiah</div>
                <div class="rin-card-content">一切都是命运石之门的选择，顺其自然吧</div>
            </div>

            <div class="rin-card-part" id="footer">
                <div class="rin-card-content">Copyright ©2020 by Lsaiah | Modified by Seirin</div>
            </div>
        </div>
    </main>
    <script src="https://cdn.jsdelivr.net/gh/Kwaiyu/homepage@1.1//mdui/js/mdui.min.js"></script>
    <script src="https://cdn.jsdelivr.net/gh/Kwaiyu/homepage@1.1//assets/js/main.js"></script>
</body>

</html>